<template>
<view class="container">
    <view class="total">
      <view class="label">订单金额</view>
      <view class="txt">{{order_price}}元</view>
    </view>
	<view class="total">
	  <view class="label">订单编号</view>
	  <view class="txt">{{order_sn}}元</view>
	</view>
    <view class="pay-btn" @click="weixinPay(order_id)">点击微信支付</view>
</view>
</template>

<script>
	export default {
		data() {
			return {
				order_sn:'',
				order_price:'',
				order_id:''
			};
		},
		onLoad(options) {
			this.order_id = options.order_id
			this.order_price = options.pay_price
			this.order_sn = options.order_sn
		}
	}
</script>

<style lang="scss">
page{
    min-height: 100%;
    width: 100%;
    background: #f4f4f4;
}

.container{
  padding-top: 20rpx;
}

.total{
  height: 104rpx;
  background: #fff;
  width: 100%;
  line-height: 104rpx;
  padding-left: 30rpx;
  padding-right: 30rpx;
  box-sizing: border-box;
}

.total .label{
  float: left;
}

.total .txt{
  float: right;
}

.pay-btn{
    position: fixed;
    left: 0;
    bottom: 0;
    height: 100rpx;
    width: 100%;
    text-align: center;
    line-height: 100rpx;
    background: #409eff;
    color: #fff;
    font-size: 30rpx;
}
</style>